<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<title></title>
		<link rel="stylesheet" type="text/css" href="style/common.css" />
		<!-- banner -->
		<link rel="stylesheet" href="static/css/swiper.min.css">
		<link rel="stylesheet" type="text/css" href="static/css/mode.css">
		<!-- 4块 -->
		<link rel="stylesheet" type="text/css" href="static/css/reset.css">
		<link rel="stylesheet" type="text/css" href="static/css/animate.css">
		<link rel="stylesheet" type="text/css" href="static/css/index-202052620155513.css">
		<!-- 球 -->
		<link href="static/css/animate.min.css" rel="stylesheet">
		<link href="static/css/80com-1590481401.css" rel="stylesheet">
		<!-- 自己写的 -->
		<link rel="stylesheet" type="text/css" href="style/index_pc.css" />
		<style type="text/css">


		</style>
	</head>
	<body>
		<!-- nav -->
		<nav>
			<div class="center">
				<img src="./static/image/logo.png" class="logo">
				<div style="height: 100%;">
					<ul class="menu">
						<li>
							<a href="#" class="div1">首页</a>
							<a href="#" class="div1">Home</a>
						</li>
						<li>
							<a href="#" class="div1">案例</a>
							<a href="#" class="div1">Case</a>
						</li>
						<li>
							<a href="#" class="div1">服务</a>
							<a href="#" class="div1">Service</a>
						</li>
						<li>
							<a href="#" class="div1">观点</a>
							<a href="#" class="div1">View</a>
						</li>
						<li>
							<a href="#" class="div1">关于</a>
							<a href="#" class="div1">About</a>
						</li>
						<li>
							<a href="#" class="div1">联系</a>
							<a href="#" class="div1">Contact</a>
						</li>
						<div class="QQWeChat">
							<span><a href="tencent://message/?uin=838768967&Site=400301.com&Menu=yes"><img src="./static/image/qq.png" width="30"
									 height="30" /></a></span>
							<span class="wc">
								<img src="./static/image/wechat.png" width="30" height="30" />
								<div class="ewm"><img src="static/image/ewm.jpg"></div>
							</span>
						</div>
					</ul>

				</div>

			</div>
		</nav>
		<!-- banner开始 -->
		<div class="body_wrap">
			<div class="ban_wrap">
				<div class="swiper-wrapper">
					<div class="swiper-slide">
						<div class="wel-banner-bg" style="background-image:url(static/image/c357e7a3d77230b3004fd800b19ca564.jpg);"></div>
						<div class="wel-banner-titles">
							<div class="tit-en-h1 ani011 delay2">高端网站建设</div>
							<div class="tit-en-h1 ani011 delay3">不止于颜值</div>
							<div class="tit-en-h1 ani011 delay4">更注重用户体验</div>
						</div>
						<div class="ban_bottom_mask"></div>
						<div class="ban_bottom fjy-font-14 moreandmore">
							<p>探索更多</p>
							<p><img class="down" src="static/image/down.png" width="64" height="64" /></p>
						</div>
					</div>
					<div class="swiper-slide">
						<div class="wel-banner-bg" style="background-image:url(static/image/9ecdccfc01fb1567f1df028601efd947.jpg);"></div>
						<div class="wel-banner-titles">
							<div class="tit-en-h1 ani011 delay2">用心 精心 尽心</div>
							<div class="tit-en-h1 ani011 delay3">一对一的专业定制设计</div>
						</div>
						<div class="ban_bottom_mask"></div>
						<div class="ban_bottom fjy-font-14 moreandmore">
							<p>探索更多</p>
							<p><img class="down" src="static/image/down.png" width="64" height="64" /></p>
						</div>
					</div>
					<div class="swiper-slide">
						<div class="wel-banner-bg" style="background-image:url(static/image/b744299e421f60004dac8ea4c8ef990f.jpg);"></div>
						<div class="wel-banner-titles">
							<div class="tit-en-h1 ani011 delay2">针对每一位客户每一个行业</div>
							<div class="tit-en-h1 ani011 delay3">量身定制专属风格</div>
						</div>
						<div class="ban_bottom_mask"></div>
						<div class="ban_bottom fjy-font-14 moreandmore">
							<p>探索更多</p>
							<p><img class="down" src="static/image/down.png" width="64" height="64" /></p>
						</div>
					</div>

				</div>
				<div class="swiper-pagination"></div>
			</div>


		</div>
		<!-- banner结束 -->

		<!-- 4块开始 -->
		<div id="main">
			<div class="section02">
				<div class="img"><img src="static/picture/img01.png" alt="翰臣科技，为企业提供：品牌规划、LOGO/平面设计、网站建设、移动端开发、平台解决方案、网络整合营销等全案服务"></div>
				<ul class="clearfix fjy-top">
					<li class="li01 wow fadeInUp">
						<p class="title">品牌塑造/设计<span>Branding / design</span></p>
						<div class="img"><img src="static/picture/img02.png" alt="杭州品牌塑造/设计"></div>
						<div class="arrow"><img src="static/picture/img10.png" alt="杭州品牌塑造/设计"></div>
						<ul class="clearfix">
							<li><a href="javascript:;">品牌调研</a></li>
							<li class="style01"><a href="javascript:;">品牌战略规划</a></li>
							<li class="clear"><a href="javascript:;">品牌定位/口号</a></li>
							<li class="style01"><a href="javascript:;">VR全景</a></li>
							<li><a href="javascript:;">宣传片制作</a></li>
							<li class="style02 clear"><a href="javascript:;">3D建模/视频</a></li>
							<li class="clear"><a href="javascript:;">标志设计</a></li>
							<li class="style01"><a href="javascript:;">VI系统</a></li>
							<li><a href="javascript:;">产品包装设计</a></li>
							<li class="clear"><a href="javascript:;">画册设计</a></li>
							<li><a href="javascript:;">海报设计</a></li>
							<li><a href="javascript:;">展会设计</a></li>
							<li class="clear"><a href="javascript:;">环境导视系统</a></li>
						</ul>
					</li>
					<li class="li02 wow fadeInUp">
						<p class="title">高端网站建设/运维<span>Website construction / operation</span></p>
						<div class="img"><img src="static/picture/img03.png" alt="杭州高端网站建设/运维"></div>
						<div class="arrow"><img src="static/picture/img10.png" alt="杭州高端网站建设/运维"></div>
						<ul class="clearfix">
							<li class="style01"><a href="javascript:;">大型网站群建设</a></li>
							<li><a href="javascript:;">品牌网站建设</a></li>
							<li class=" clear"><a href="javascript:;">集团网站建设</a></li>
							<li class="clear style02"><a href="javascript:;">企业网站建设</a></li>
							<li class="clear "><a href="javascript:;">响应式网站建设</a></li>
							<li><a href="javascript:;">行业应用开发</a></li>

							<li class="clear "><a href="javascript:;">电商平台开发</a></li>
							<li class="style01"><a href="javascript:;">软件平台开发</a></li>

							<!--<li class="clear"><a href="/o2o/">O2O平台系统</a></li>-->


						</ul>
					</li>
					<li class="li03 wow fadeInUp">
						<p class="title">移动端开发/运营<span>Mobile terminal <br class="padShow">development / <br class="padNone">operation</span></p>
						<div class="img"><img src="static/picture/img04.png" alt="杭州移动端开发/运营"></div>
						<div class="arrow"><img src="static/picture/img10.png" alt="杭州移动端开发/运营"></div>
						<ul class="clearfix">
							<li class=" style02"><a href="javascript:;">H5创意设计</a></li>
							<li class="clear"><a href="javascript:;">小程序开发</a></li>
							<li class="style01 "><a href="javascript:;">APP设计与开发</a></li>
							<li class=" clear"><a href="javascript:;">微信平台定制化开发</a></li>
							<li class=" clear"><a href="javascript:;">微网站</a></li>
							<li class="style01 "><a href="javascript:;">微信运营</a></li>

						</ul>
					</li>
					<li class="li04 wow fadeInUp">
						<p class="title">营销推广<span>Network marketing</span></p>
						<div class="img"><img src="static/picture/img05.png" alt="杭州网络营销"></div>
						<div class="arrow"><img src="static/picture/img10.png" alt="杭州网络营销"></div>
						<ul class="clearfix">
							<li class="style01"><a href="javascript:;">整合营销</a></li>
							<li class="clear"><a href="javascript:;">抖音推广运营</a></li>
							<li class="style01"><a href="javascript:;">小红书推广运营</a></li>
							<li class="clear"><a href="javascript:;">值得买推广运营</a></li>
						</ul>
					</li>
				</ul>
			</div>


		</div>
		<!-- 4块结束 -->

		<!-- 懒加载开始 -->
		<div class="body_wrap">
			
			<div class="w83">
				<div class="w713 tit_wrap fadeIntop"><img src="static/picture/tit01.png" width="392" height="100" alt="杭州网站建设派迪科技"><div class="worth">只为用户提升品牌价值</div></div>
				<div class="list_wrap work_wrap fadeIntop ">
					<ul class="work_list">
						<li>
							<a class="img" href="javascript:;" target="_blank">
								<img class="bgimg" width="100%" src="static/picture/mark.png">
								<img class="up-pic" src="static/picture/dff507fcd86209ce2a66e2efc1b4a750.jpg">
								<div class="up-graybox">
									<span class="bgbox"></span>
									<p class="stit">
										<span class="line linet"></span>
										探索更多
										<span class="line lineb"></span>
									</p>
								</div>
							</a>
							<a class="cont-wrap" href="javascript:;">
								<p class="fl tit">LARK<span class="intr">品牌官网建设 / 响应式设计</span></p>
								<span class="fr point"><img src="static/image/right.png" width="26" height="12"></span>
							</a>
						</li>
						<li>
							<a class="img" href="javascript:;" target="_blank">
								<img class="bgimg" width="100%" src="static/picture/mark.png">
								<img class="up-pic" src="static/picture/babaa07e20fbdf67395497ea35b67a21.jpg">
								<div class="up-graybox">
									<span class="bgbox"></span>
									<p class="stit">
										<span class="line linet"></span>
										探索更多
										<span class="line lineb"></span>
									</p>
								</div>
							</a>
							<a class="cont-wrap" href="javascript:;">
								<p class="fl tit">ONLYS <span class="intr">品牌官网建设 / 响应式设计</span></p>
								<span class="fr point"><img src="static/image/right.png" width="26" height="12"></span>
							</a>
						</li>
						<li>
							<a class="img" href="javascript:;" target="_blank">
								<img class="bgimg" width="100%" src="static/picture/mark.png">
								<img class="up-pic" src="static/picture/d66ba5e30b12db1c6988f9296779b7cb.jpg">
								<div class="up-graybox">
									<span class="bgbox"></span>
									<p class="stit">
										<span class="line linet"></span>
										探索更多
										<span class="line lineb"></span>
									</p>
								</div>
							</a>
							<a class="cont-wrap" href="javascript:;">
								<p class="fl tit">UTRY 远传股份<span class="intr">品牌官网建设 / 响应式设计</span></p>
								<span class="fr point"><img src="static/image/right.png" width="26" height="12"></span>
							</a>
						</li>
						<li>
							<a class="img" href="javascript:;" target="_blank">
								<img class="bgimg" width="100%" src="static/picture/mark.png">
								<img class="up-pic" src="static/picture/455cd65e20fda59d8e35402689f692d7.jpg">
								<div class="up-graybox">
									<span class="bgbox"></span>
									<p class="stit">
										<span class="line linet"></span>
										探索更多
										<span class="line lineb"></span>
									</p>
								</div>
							</a>
							<a class="cont-wrap" href="javascript:;">
								<p class="fl tit">康纳电器<span class="intr">系统平台开发</span></p>
								<span class="fr point"><img src="static/image/right.png" width="26" height="12"></span>
							</a>
						</li>
						<li>
							<a class="img" href="javascript:;" target="_blank">
								<img class="bgimg" width="100%" src="static/picture/mark.png">
								<img class="up-pic" src="static/picture/59dacb8b0e593106f7858d260b712f24.jpg">
								<div class="up-graybox">
									<span class="bgbox"></span>
									<p class="stit">
										<span class="line linet"></span>
										探索更多
										<span class="line lineb"></span>
									</p>
								</div>
							</a>
							<a class="cont-wrap" href="javascript:;">
								<p class="fl tit">赛石集团<span class="intr">集团网站建设 / 响应式开发 </span></p>
								<span class="fr point"><img src="static/image/right.png" width="26" height="12"></span>
							</a>
						</li>
						<li>
							<a class="img" href="javascript:;" target="_blank">
								<img class="bgimg" width="100%" src="static/picture/mark.png">
								<img class="up-pic" src="static/picture/d2de36384913dee0019e73fccbbe42d9.jpg">
								<div class="up-graybox">
									<span class="bgbox"></span>
									<p class="stit">
										<span class="line linet"></span>
										探索更多
										<span class="line lineb"></span>
									</p>
								</div>
							</a>
							<a class="cont-wrap" href="javascript:;">
								<p class="fl tit">SUNDA商达<span class="intr">企业官网建设 / 响应式设计</span></p>
								<span class="fr point"><img src="static/image/right.png" width="26" height="12"></span>
							</a>
						</li>
						<li>
							<a class="img" href="javascript:;" target="_blank">
								<img class="bgimg" width="100%" src="static/picture/mark.png">
								<img class="up-pic" src="static/picture/e512a648885ad93de0b8f616a1fd8130.jpg">
								<div class="up-graybox">
									<span class="bgbox"></span>
									<p class="stit">
										<span class="line linet"></span>
										探索更多
										<span class="line lineb"></span>
									</p>
								</div>
							</a>
							<a class="cont-wrap" href="javascript:;">
								<p class="fl tit">巧燕筑家<span class="intr">品牌网站建设 / 响应式开发</span></p>
								<span class="fr point"><img src="static/image/right.png" width="26" height="12"></span>
							</a>
						</li>
						<li>
							<a class="img" href="javascript:;" target="_blank">
								<img class="bgimg" width="100%" src="static/picture/mark.png">
								<img class="up-pic" src="static/picture/782dc57c77c7d03964760b30794da74f.jpg">
								<div class="up-graybox">
									<span class="bgbox"></span>
									<p class="stit">
										<span class="line linet"></span>
										探索更多
										<span class="line lineb"></span>
									</p>
								</div>
							</a>
							<a class="cont-wrap" href="javascript:;">
								<p class="fl tit">浙江工业职业学院<span class="intr">微信开发/H5</span></p>
								<span class="fr point"><img src="static/image/right.png" width="26" height="12"></span>
							</a>
						</li>
						<li>
							<a class="img" href="javascript:;" target="_blank">
								<img class="bgimg" width="100%" src="static/picture/mark.png">
								<img class="up-pic" src="static/picture/4bf137370aca318531cc663a146c5510.jpg">
								<div class="up-graybox">
									<span class="bgbox"></span>
									<p class="stit">
										<span class="line linet"></span>
										探索更多
										<span class="line lineb"></span>
									</p>
								</div>
							</a>
							<a class="cont-wrap" href="javascript:;">
								<p class="fl tit">PALEIDI 新材料<span class="intr">品牌官网/车膜官网</span></p>
								<span class="fr point"><img src="static/image/right.png" width="26" height="12"></span>
							</a>
						</li>
					</ul>
					<button class="more_btn" onclick="location.href='/c/web.html'"><span><img src="static/image/flower.png" width="16" height="16" >查看更多</span></button>
				</div>
			</div>
			
		</div>
		<!-- 懒加载结束 -->


		<!-- bigbox开始 -->
		<div class="bigbox">
			<div class="left"></div>
			<div class="right">
				<h1>匠心专注</h1>
				<div class="white-line"></div>
				<h2>优质设计和交互体验</h2>
				<p>为更广阔的移动营销而生；专注企业个性化定制开发，以实力为专业注解</p>
				<div class="img-right">
					<a href=""><img src="static/image/right-circle.png" alt=""></a>
				</div>
			</div>
		</div>
		<!-- bigbox结束 -->


		<!-- 行业资讯开始 -->
		<div class="hyzx">
			<div class="tits">
				<span class="titles">行业资讯</span>
				<span class="mores"><img src="static/image/flower.png" width="12" height="12" ><a href="">查看更多</a></span>
			</div>
			<div class="black-line"></div>
			<div class="details">
				<ul>
					<li>
						<h4>公司网站建设流程概括!</h4>
						<p>在现在这个网络经济时代，互联网已经变成大家生活学习工作的一部分，现在许多人每天都会使用手机…</p>
						<a href=""><img src="static/image/right.png" width="26" height="12" ></a>
					</li>
					<li>
						<h4>公司网站建设流程概括!</h4>
						<p>在现在这个网络经济时代，互联网已经变成大家生活学习工作的一部分，现在许多人每天都会使用手机…</p>
						<a href=""><img src="static/image/right.png" width="26" height="12"></a>
					</li>
					<li>
						<h4>公司网站建设流程概括!</h4>
						<p>在现在这个网络经济时代，互联网已经变成大家生活学习工作的一部分，现在许多人每天都会使用手机…</p>
						<a href=""><img src="static/image/right.png" width="26" height="12"></a>
					</li>
					
					<!-- <li class="width-max-2000">
						<h4>公司网站建设流程概括!</h4>
						<p>在现在这个网络经济时代，互联网已经变成大家生活学习工作的一部分，现在许多人每天都会使用手机…</p>
						<a href=""><img src="static/image/right.png" width="26" height="12"></a>
					</li> -->
				</ul>
			</div>
		</div>
		<!-- 行业资讯结束 -->

		<!-- 球开始 -->
		<div class="clearfix page_index_5 circle" >
			<div class="div1400">
				<div class="clearfix page_index_2_t wow fadeInUp">
					<span class="daxie">
						<p class="client"><img src="static/image/client.png"width="275" height="100" ></p>
						客户
					</span>
				</div>
			</div>
			<div class="clearfix page_index_hide wow fadeInUp">
				<div class="div1400">
		
					<!-- Swiper -->
					<div class="swiper-container swiper-container-logo">
						<div class="swiper-wrapper">
		
							<div class="swiper-slide">
								<a href="javascript:;" target="_blank">
									<div class="brand_logo">
										<div class="brand_logo_1">
											<img src="static/picture/20190513161157qwtg.png">
										</div>
										<div class="brand_logo_2" style="color:#fff;">
											贝达药业 </div>
										<div class="brand_logo_3" style="color:#fff;">
										</div>
									</div>
								</a>
							</div>
							<div class="swiper-slide">
								<a href="javascript:;" target="_blank">
									<div class="brand_logo">
										<div class="brand_logo_1">
											<img src="static/picture/20190513155600intb.png">
										</div>
										<div class="brand_logo_2" style="color:#fff;">
											国泰萧星 </div>
										<div class="brand_logo_3" style="color:#fff;">
										</div>
									</div>
								</a>
							</div>
							<div class="swiper-slide">
								<a href="javascript:;" target="_blank">
									<div class="brand_logo">
										<div class="brand_logo_1">
											<img src="static/picture/20190513145811wrjn.png">
										</div>
										<div class="brand_logo_2" style="color:#fff;">
											百大集团 </div>
										<div class="brand_logo_3" style="color:#fff;">
										</div>
									</div>
								</a>
							</div>
							<div class="swiper-slide">
								<a href="javascript:;" target="_blank">
									<div class="brand_logo">
										<div class="brand_logo_1">
											<img src="static/picture/20190513154451rqdv.png">
										</div>
										<div class="brand_logo_2" style="color:#fff;">
											南方泵业 </div>
										<div class="brand_logo_3" style="color:#fff;">
										</div>
									</div>
								</a>
							</div>
							<div class="swiper-slide">
								<a href="javascript:;" target="_blank">
									<div class="brand_logo">
										<div class="brand_logo_1">
											<img src="static/picture/20190513162122btca.png">
										</div>
										<div class="brand_logo_2" style="color:#fff;">
											金卡 </div>
										<div class="brand_logo_3" style="color:#fff;">
										</div>
									</div>
								</a>
							</div>
							<div class="swiper-slide">
								<a href="javascript:;" target="_blank">
									<div class="brand_logo">
										<div class="brand_logo_1">
											<img src="static/picture/20190513143328ccnk.png">
										</div>
										<div class="brand_logo_2" style="color:#fff;">
											时光 </div>
										<div class="brand_logo_3" style="color:#fff;">
										</div>
									</div>
								</a>
							</div>
							<div class="swiper-slide">
								<a href="javascript:;" target="_blank">
									<div class="brand_logo">
										<div class="brand_logo_1">
											<img src="static/picture/20190513162356bjzc.png">
										</div>
										<div class="brand_logo_2" style="color:#fff;">
											名流 </div>
										<div class="brand_logo_3" style="color:#fff;">
										</div>
									</div>
								</a>
							</div>
							<div class="swiper-slide">
								<a href="javascript:;" target="_blank">
									<div class="brand_logo">
										<div class="brand_logo_1">
											<img src="static/picture/20190513145522ivqh.png">
										</div>
										<div class="brand_logo_2" style="color:#fff;">
											广厦 </div>
										<div class="brand_logo_3" style="color:#fff;">
										</div>
									</div>
								</a>
							</div>
							<div class="swiper-slide">
								<a href="javascript:;" target="_blank">
									<div class="brand_logo">
										<div class="brand_logo_1">
											<img src="static/picture/20190513143757zrph.png">
										</div>
										<div class="brand_logo_2" style="color:#fff;">
											科尔卡诺 </div>
										<div class="brand_logo_3" style="color:#fff;">
										</div>
									</div>
								</a>
							</div>
							<div class="swiper-slide">
								<a href="javascript:;" target="_blank">
									<div class="brand_logo">
										<div class="brand_logo_1">
											<img src="static/picture/20190513142809hchc.png">
										</div>
										<div class="brand_logo_2" style="color:#fff;">
											西子 </div>
										<div class="brand_logo_3" style="color:#fff;">
										</div>
									</div>
								</a>
							</div>
							<div class="swiper-slide">
								<a href="javascript:;" target="_blank">
									<div class="brand_logo">
										<div class="brand_logo_1">
											<img src="static/picture/20190513143549pvre.png">
										</div>
										<div class="brand_logo_2" style="color:#fff;">
											禧月阁 </div>
										<div class="brand_logo_3" style="color:#fff;">
										</div>
									</div>
								</a>
							</div>
		
		
		
						</div>
						<!-- Add Pagination -->
		
					</div>
		
				</div>
		
			</div>
			<div class="clearfix page_index_5_1 wow fadeInUp" style="overflow:visible;">
				<div class="cbrand">
					<a href="javascript:;" target="_blank"><img src="static/picture/20190513161157qwtg.png"></a>
				</div>
				<div class="cbrand cbrand1">
					<a href="javascript:;" target="_blank"><img src="static/picture/20190513155600intb.png"></a>
				</div>
				<div class="cbrand cbrand2">
					<a href="javascript:;" target="_blank"><img src="static/picture/20190513145811wrjn.png"></a>
				</div>
				<div class="cbrand cbrand3">
					<a href="javascript:;" target="_blank"><img src="static/picture/20190513154451rqdv.png"></a>
				</div>
				<div class="cbrand cbrand4">
					<a href="javascript:;" target="_blank"><img src="static/picture/20190513162122btca.png"></a>
				</div>
				<div class="cbrand cbrand5">
					<a href="javascript:;" target="_blank"><img src="static/picture/20190513143328ccnk.png"></a>
				</div>
				<div class="cbrand cbrand6">
					<a href="javascript:;" target="_blank"><img src="static/picture/20190513162356bjzc.png"></a>
				</div>
				<div class="cbrand cbrand7">
					<a href="javascript:;" target="_blank"><img src="static/picture/20190513145522ivqh.png"></a>
				</div>
				<div class="cbrand cbrand8">
					<a href="javascript:;" target="_blank"><img src="static/picture/20190513143757zrph.png"></a>
				</div>
				<div class="cbrand cbrand9">
					<a href="javascript:;" target="_blank"><img src="static/picture/20190513142809hchc.png"></a>
				</div>
				<div class="cbrand cbrand10">
					<a href="javascript:;" target="_blank"><img src="static/picture/20190513143549pvre.png"></a>
				</div>
				<div class="page_index_5_1_bg background">
					<img src="static/picture/img15.png">
				</div>
				<div class="page_index_5_1_bg2 background">
					<img src="static/picture/img15.png">
				</div>
			</div>
		</div>
		<!-- 球结束 -->
		
		<!-- price开始 -->
		<div class="price">
			<form action="">
				<h1>免费获取报价</h1>
				<div class="d1">
					<div class="left">
						<input type="text" placeholder="您的称呼" name="uname"><input type="text" placeholder="联系电话" name="tel">
					</div>
					<div class="right">
						<input type="text" placeholder="其他联系方式:QQ或微信" name="other"></div>
					</div>
				<div class="d2">
					<div class="left">
						<input type="text" placeholder="描述您的需求（如：网站建设、微信开发、UI设计…）">
					</div>
					<div class="right">
						<button type="button">立即获取报价</button>
					</div>
				</div>
			</form>
		</div>
		<!-- price结束 -->


		<!-- footer开始 -->
		<footer>1</footer>
		<!-- footer结束 -->


		<!-- banner -->
		<script src="static/js/jquery-1.8.3.min.js"></script>
		<script src="static/js/swiper.min.js"></script>
		<script src="static/js/WaveShape.js"></script>
		<script src="static/js/wow.min.js"></script>
		<script src="static/js/main.js"></script>
		<script type="text/javascript">
			$(function() {
				var swiper = new Swiper('.ban_wrap', {
					paginationClickable: true,
					centeredSlides: true,
					slidesPerView: 1,
					spaceBetween: 0,
					pagination: {
						el: '.swiper-pagination',
						clickable: true,
						renderBullet: function(index, className) {
							return '<span class="' + className + '">' + (index + 1) + '</span>';
						},
					},
					speed: 1600,
					autoplay: {
						delay: 3000,
						stopOnLastSlide: false,
						disableOnInteraction: true,
					},
					loop: true,
					slideToClickedSlide: true,
					effect: "fade",
					autoplayDisableOnInteraction: false
				});
				$(".return-webtop").on('click', function() {
					$("body,html").stop().animate({
						scrollTop: 0
					}, 500);
				});
				$(".new-float li.litel").hover(function() {
					var _this = $(this);
					_this.removeClass("hover").stop().animate({
						left: -184
					}, 400)
				}, function() {
					var _this = $(this);
					_this.stop().animate({
						left: 0
					}, 400, function() {
						_this.addClass("hover")
					})
				})
			});



			// 设置banner高度
			windowH = $(window).height();
			$('.ban_wrap').css('height', windowH);

			// 设置二维码出现
			$('.wc').hover(function() {
				$('.wc').children('.ewm').css('display', 'block');
			}, function() {
				$('.wc').children('.ewm').css('display', 'none');
			});

			$('.ban_bottom img').click(function() {
				$("html, body").animate({
					scrollTop: windowH
				}, {
					duration: 500,
				});
			});
		</script>
		<!-- 球 -->
		<script src="static/js/TweenMax.min.js"></script>
		<script src="static/js/jquery-parallax.js" type="text/javascript" charset="utf-8"></script>
		<script>
			$('.page_index_5_1').mousemove(function(e) {
				$('.background').parallax(-30, e);
				$('.cbrand').parallax(10, e);
				$('.cbrand1').parallax(20, e);
				$('.cbrand2').parallax(30, e);
				$('.cbrand3').parallax(10, e);
				$('.cbrand4').parallax(15, e);
				$('.cbrand5').parallax(25, e);
				$('.cbrand6').parallax(30, e);
				$('.cbrand7').parallax(-15, e);
				$('.cbrand8').parallax(-25, e);
				$('.cbrand9').parallax(-30, e);
		
			});
			//
		</script>
	</body>
</html>
